<template>
  <div :class="themeClass">
    <div class="nagivator-list">
      
    </div>
  </div>
</template>
<script lang="ts">
import { useStore } from 'vuex'
import { defineComponent, ref } from 'vue'
export default defineComponent({
  setup () {
    const store = useStore()
    const theme = store.state.theme
    return { theme }
  },
  computed: {
    themeClass () : string {
      return `theme-${this.theme}`
    }
  }
})
</script>
<style lang="scss" scoped>
@import '@/assets/styles/theme-mixin';

.nagivator-list {
  @include themify ($themes) {
    background: themed('background-color');
  }
  position: fixed;
  top: 118px;
  width: 100%;
  padding: 12px 0 12px 20px;
}
</style>
